JS验证radio和checkbox是否选中
用js验证radio单选按钮是否选,以及验证checkbox复选框是否选中。
代码:
<html> <head> <title>JS验证radio和checkbox是否选中-</title> <script src=http://www.dismall.com/thread-957-1-1.html/a_10220/"chk.js"></script> </head> <body> <form id="form" name="form" method="post" action="" onsubmit="return CheckForm()"> <input type="checkbox" name="love" > <input type="checkbox" name="love" > <input type="checkbox" name="love" > <input type="checkbox" name="love" > <input type="radio" value="好的" name="miaoshu" > <input type="radio" value="好的" name="miaoshu" > <input type="radio" value="好的" name="miaoshu" > <input id="txtbox" name="MyTextfield" type="text"> <input type="submit" value="提交" > </form> </body> </html>2,验证代码 chk.js
<script> /IT之家IT之家 IT之家 验证radio单选按钮与checkbox复选框是否选中 IT之家 by IT之家/ function CheckForm() { var flag = false; var allRadio = document.form.elements["miaoshu"]; var txtBox = document.getElementById("txtBox").value; for (var i = 0; i < allRadio.length; i++) { if (allRadio[i].checked) { if (allRadio[allRadio.length - 1].checked) { if (txtBox == "") { flag = false; } else { flag = true; } } } } if (!flag) { alert("请确定输入完整"); } var cbxs = document.getElementsByName('love'); var s = 0; for (var i = 0; i < cbxs.length; i++) { if (cbxs[i].checked) { s += 1; } } if (s < 1) { alert("请确定输入完整"); flag = false; } return flag; } </script>
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jq/jc/8417.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
PHP识别相片是否是颠倒的
时间:2020-12-28
-
python编程有哪些ide
时间:2020-12-28
-
python开发工程师是做什么
时间:2020-12-28
-
php构造函数的作用
时间:2020-12-28
-
php怎么跟数据库连接
时间:2020-12-28
-
php实现顺序线性表
时间:2020-12-28
-
Python多重继承中的菱形继
时间:2020-12-28
-
php中break的作用
时间:2020-12-28
热门文章
-
php中常用的正则表达式使用方法
时间:2020-12-25
-
asp与php区别是什么?
时间:2020-12-27
-
PHP识别相片是否是颠倒的,并且重新摆正
时间:2020-12-28
-
Yii授权之基于角色的存取控制 (RBAC)
时间:2020-12-23
-
php的一键安装包有哪些 php环境搭建
时间:2020-12-19
-
php实现对图片对称加解密(适用身份证加
时间:2020-12-25
-
php如何理解面向对象
时间:2020-12-28
-
超详细分析php docker的原理及作用
时间:2020-12-27
-
Python控制Excel实现自动化办公
时间:2020-12-23
-
session的作用是什么
时间:2020-12-25
